<?php
$link = mysql_connect("localhost", "admin", "Xurpas123");
mysql_select_db("smsnic", $link);

$result = mysql_query("SELECT fecha, 
                       IFNULL(CASE WHEN t.`operadora_id` =2 THEN COUNT( * ) END , 0 ) AS Claro, 
                       IFNULL(CASE WHEN t.`operadora_id` =1 THEN COUNT( * ) END , 0 ) AS Movistar,
                       CASE WHEN MONTH(fecha) = 1 THEN 'Enero'
                            WHEN MONTH(fecha) = 2 THEN concat(DAY(fecha), ' de ', 'Febrero')
                            WHEN MONTH(fecha) = 3 THEN concat(DAY(fecha), ' de ', 'Marzo')
                            WHEN MONTH(fecha) = 4 THEN concat(DAY(fecha), ' de ', 'Abril')
                            WHEN MONTH(fecha) = 5 THEN concat(DAY(fecha), ' de ', 'Mayo')
                            WHEN MONTH(fecha) = 6 THEN concat(DAY(fecha), ' de ', 'Junio')
                            WHEN MONTH(fecha) = 7 THEN concat(DAY(fecha), ' de ', 'Julio')
                            WHEN MONTH(fecha) = 8 THEN concat(DAY(fecha), ' de ', 'Agosto')
                            WHEN MONTH(fecha) = 9 THEN concat(DAY(fecha), ' de ', 'Septiembre')
                            WHEN MONTH(fecha) = 10 THEN concat(DAY(fecha), ' de ', 'Octubre')
                            WHEN MONTH(fecha) = 11 THEN concat(DAY(fecha), ' de ', 'Noviembre')
                            WHEN MONTH(fecha) = 12 THEN concat(DAY(fecha), ' de ', 'Diciembre') end as mes, 
                       DAY(fecha) as dia
                        FROM  `envios` e
                        INNER JOIN  `telefonos` t ON ( e.`id_telefono` = t.`id` ) 
                        WHERE e.`estado`=1 and e.`fecha` BETWEEN '" . $fecha_ini . "'  AND '" . $fecha_fin . "'
                        GROUP BY e.`fecha` 
                        ORDER BY e.`fecha`", $link) or die(mysql_error());

$i = 0;
while ($row = mysql_fetch_assoc($result)) {
    $datos1[] = intval($row['Movistar']);
    $datos2[] = intval($row['Claro']);
    $datos3[] = "'" . $row['mes'] . "'";
}
?>
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Highcharts Example</title>


        <!-- 1. Add these JavaScript inclusions in the head of your page -->

        <script type="text/javascript" src="../graficos/js/highcharts.js"></script>

        <!-- 1a) Optional: add a theme file -->
        <!--
                <script type="text/javascript" src="../js/themes/gray.js"></script>
        -->

        <!-- 1b) Optional: the exporting module -->
        <script type="text/javascript" src="../graficos/js/modules/exporting.js"></script>


        <!-- 2. Add the JavaScript to initialize the chart on document ready -->
        <script type="text/javascript">
		
            var chart;
            $(document).ready(function() {
                chart = new Highcharts.Chart({
                    chart: {
                        renderTo: 'container',
                        defaultSeriesType: 'column'
                    },
                    title: {
                        text: 'Reporte de Envios Diarios de SMS.'
                    },
                    subtitle: {
                        text: 'Total de Envios por dia a moviles de cada operadora.'
                    },
                    xAxis: {
                        categories: [
<?php echo implode($datos3, ','); ?>
                                                                ]
                                                            },
                                                            yAxis: {
                                                                min: 0,
                                                                title: {
                                                                    text: 'Cantidad de mensajes (unidades)'
                                                                }
                                                            },
                                                            legend: {
                                                                layout: 'vertical',
                                                                backgroundColor: '#FFFFFF',
                                                                align: 'left',
                                                                verticalAlign: 'top',
                                                                x: 100,
                                                                y: 70,
                                                                floating: true,
                                                                shadow: true
                                                            },
                                                            tooltip: {
                                                                formatter: function() {
                                                                    return ''+
                                                                        this.x +': '+ this.y +' SMS';
                                                                }
                                                            },
                                                            plotOptions: {
                                                                column: {
                                                                    pointPadding: 0.2,
                                                                    borderWidth: 0
                                                                }
                                                            },
                                                            series: [{
                                                                    name: 'Movistar',
                                                                    data: [ <?php echo implode($datos1, ','); ?>]
				
                                                                }, {
                                                                    name: 'Claro',
                                                                    data: [<?php echo implode($datos2, ','); ?>]
				
                                                                }]
                                                        });
				
				
                                                    });
				
        </script>

    </head>
    <body>

        <!-- 3. Add the container -->
        <div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>


    </body>
</html>